<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jsp/jstl/core" >
      
   <head>
   <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/templates/default/style/style.css" />
  </head> 
    <!-- <ui:composition template="/templates/default/template.xhtml">
    	<ui:define name="body">
    	 -->
    	<h:panelGrid columns="1" style="margin-left:5px;width:100%">
			<h:form>
					<h:dataTable id="list" value="#{viewLog.tables}" var="table" 
								columnClasses="column" headerClass="TableHeader" rowClasses="ROW1,ROW2" footerClass="TableFooter" 
					       style="width:100%; margin-left:0px;margin-top: 10px" cellspacing="1px;" rows="10">
						<h:column >
							<f:facet name="header">
								<h:outputText value="STT"></h:outputText>
							</f:facet>
							<h:outputText value="#{table.stt}"></h:outputText>
							
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Người dùng"></h:outputText>
							</f:facet>
							<h:outputText value="#{table.userName}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Số HC/Mã đoàn"></h:outputText>
							</f:facet>
							<h:outputText value="#{table.soHC_Madoan}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Thời gian"></h:outputText>
							</f:facet>
							<h:outputText value="#{table.timeTask}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Tên dữ liệu"></h:outputText>
							</f:facet>
							<h:outputText value="#{table.nameColumn}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Giá trị trước"></h:outputText>
							</f:facet>
							<h:outputText value="#{table.valueBefore}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Giá trị sau"></h:outputText>
							</f:facet>
							<h:outputText value="#{table.valueAfter}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Thao tác"></h:outputText>
							</f:facet>
							<h:outputText value="#{table.task}"></h:outputText>
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="Lý do"></h:outputText>
							</f:facet>
							<h:outputText value="#{table.reson}"></h:outputText>
							<f:facet name="footer">
								<rich:spacer> </rich:spacer>
							</f:facet>
						</h:column>
						
					</h:dataTable>
						<!-- phan trang -->
						<rich:datascroller align="right"  for="list" maxPages="5" />
						<!-- ket thuc phan trang -->
						
				</h:form>
				<!-- </rich:panel> -->
				<!--  Ket thuc table -->
    		</h:panelGrid>   
				<h:panelGrid columns="1" style="margin-left:500px">
				<h:form>
				<a4j:commandButton value="Đóng lại" styleClass="Button" action="#{viewLog.close}"></a4j:commandButton>
				</h:form>
			   </h:panelGrid>
    		<!-- Ket thuc phan noi dung phia duoi --> 
    		<!-- 
    	</ui:define>
    </ui:composition> 
    		 -->					
    
</html>







